// 圆角
$rounded: 'none', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl';
$roundedCount: 0rpx;
@each $item in $rounded {
	.round-#{$item} {
		border-radius: $roundedCount;
	}
	.round-tl-#{$item} {
		border-top-left-radius: $roundedCount;
	}
	.round-tr-#{$item} {
		border-top-right-radius: $roundedCount;
	}
	.round-bl-#{$item} {
		border-bottom-left-radius: $roundedCount;
	}
	.round-br-#{$item} {
		border-bottom-right-radius: $roundedCount;
	}
	.round-t-#{$item} {
		border-top-left-radius: $roundedCount;
		border-top-right-radius: $roundedCount;
	}
	.round-b-#{$item} {
		border-bottom-left-radius: $roundedCount;
		border-bottom-right-radius: $roundedCount;
	}
	$roundedCount: $roundedCount + 5rpx;
}
.round-full {
	border-radius: 999rpx;
}

// 数值圆角
@for $item from 0 through 100 {
	@if ($item %5 == 0) {
		.round-#{$item} {
			border-radius: #{$item}rpx;
		}
		.round-tl-#{$item} {
			border-top-left-radius: #{$item}rpx;
		}
		.round-tr-#{$item} {
			border-top-right-radius: #{$item}rpx;
		}
		.round-bl-#{$item} {
			border-bottom-left-radius: #{$item}rpx;
		}
		.round-br-#{$item} {
			border-bottom-right-radius: #{$item}rpx;
		}
		.round-t-#{$item} {
			border-top-left-radius: #{$item}rpx;
			border-top-right-radius: #{$item}rpx;
		}
		.round-b-#{$item} {
			border-bottom-left-radius: #{$item}rpx;
			border-bottom-right-radius: #{$item}rpx;
		}
	}
}

.border-none {
	border: none;
}

// 边框
@each $key, $value in $colors {
	@for $i from 1 through 100 {
		@if ($i == 100) {
			.border-#{$key} {
				border: 1px solid $value;
			}
		} @else if ($i%5 == 0) {
			.border-#{$key}-#{$i} {
				border: 1px solid rgba($value, calc($i/100));
			}
		}
	}
}

.border-bottom{border-bottom: 1rpx solid #F0F2F4}
.border-top{border-top: 1rpx solid #F0F2F4}
